/**
 * @description  Brinson（归因分析）
 * @author shenhong
 */
import React, { PureComponent } from 'react';
import { Row, Col } from 'antd';
import { connect } from 'dva';
import { FirstHeaderC, SecondHeaderC } from '../../../../comps';
import DecomposeIncome from '../publicComponent/decomposeIncome'; // 收益分解
import ExcessTrend from '../publicComponent/excessTrend'; // 超额趋势
import DiffWeight from './diffWeight'; // 行业权重差
import DiffContribution from './diffContribution'; // 行业收益贡献差
import AttributeInfo from '../publicComponent/attributeInfo'; // 归因明细

class Brinson extends PureComponent {
  render() {
    const { args } = this.props;
    return (
      <div style={{ marginTop: '20px' }}>
        <SecondHeaderC title='归因概览' />
        <div style={{ marginBottom: '20px' }}>
          <Row gutter={16}>
            <Col span={12}>
              <DecomposeIncome args={args} />
            </Col>
            <Col span={12}>
              <ExcessTrend args={args} />
            </Col>
          </Row>
        </div>
        <SecondHeaderC title='行业分解' />
        <div style={{ marginBottom: '20px' }}>
          <Row gutter={16}>
            <Col span={12}>
              <DiffWeight args={args} />
            </Col>
            <Col span={12}>
              <DiffContribution args={args} />
            </Col>
          </Row>
        </div>
        <SecondHeaderC title='归因明细' />
        <div>
          <AttributeInfo args={args} />
        </div>
      </div>
    );
  }
}
export default connect(({}) => ({}))(Brinson);
